<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head th:replace="template_layui :: header(~{::title},~{::link},~{::style})">
  <title>注册码验证</title>
  <style>
    body {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
      background-color: #f2f2f2;
    }
    .register-content {
      max-width: 400px;
      padding: 20px;
      background-color: #ffffff;
      border-radius: 10px;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    }
    .register-box-title {
      text-align: center;
      margin-bottom: 20px;
    }
    .application-code {
      text-align: center;
      margin-bottom: 30px;
    }
    .application-code p {
      font-size: 16px;
      margin: 10px 0;
    }
  </style>
</head>
<body class="layui-layout-register">
<div class="register-content">
  <!-- 显示申请码 -->
  <div class="application-code">
    <h1 class="register-box-title">申请码</h1>
    <p>您的申请码为：<span th:text="${getApplicationCode}"></span></p>
    <p>请将申请码告知管理员，管理员将在24小时内审核您的申请，审核通过后您将收到注册码。</p>
  </div>

  <h1 class="register-box-title">请输入注册码</h1>
  <form class="layui-form" th:action="@{/register}" method="post">
    <div class="layui-form-item">
      <label class="layui-icon layui-icon-vercode" for="registrationCode"></label>
      <input class="layui-input" type="text" name="registrationCode" id="registrationCode" placeholder="请输入注册码">
    </div>
    <div class="layui-form-item">
      <button type="submit" class="layui-btn layui-btn-fluid layui-btn-normal">验证</button>
    </div>
    <div class="layui-form-item">
      <div th:if="${error}" class="layui-alert layui-bg-red">
        <p th:text="${error}"></p>
      </div>
    </div>
  </form>
</div>
<script th:replace="template_layui :: script"></script>
</body>
</html>
